import React, {Component} from 'react'
import styles from './tabs.less'
import { Tabs } from 'antd'

const { TabPane } = Tabs

class TabsControl extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    const {bookDetail = '', videos = []} = this.props

    return (
      <div className={styles.tabs}>
        <Tabs defaultActiveKey="1">
          <TabPane tab="书籍详情" key="1" style={{padding: '0 20px'}}>
            {bookDetail && <img src={bookDetail} className={styles.description}/>}
          </TabPane>
        </Tabs>
      </div>
    );
  }
}

export default TabsControl;